<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
div{
border:red solid 1px;
width:75px;
height:75px;
display:inline-block;  /*블록과는 달리 한줄을 차지하지 않지만 (글자의 너비만큼만 차지) 너비.높이 지정 가능*/
}
.left{
padding:20px;
float:left;
}
.right{
float:right}
#last:AFTER{
clear:both;   /*뒤에 아무 요소도 없을 때 사용*/
}
</style>

</head>
<body>
<!-- div들을 너비 75, 높이 75의 빨간색 보더를 가진 사각형으로 바꿔 한줄에 출력하시오
	left 클래스들의 패딩을 20으로 지정하시오 -->
<div class="left">1</div>
<div class="right">2</div>
<div class="left">3</div>
<div class="right">4</div>
<div class="left"id="last">5</div>
<p style="clear:both;">우리나라 좋은나라</p>
</body>
</html>